<template>
  <div style="margin-top:30px">
    <el-form ref="form" :model="form" label-width="80px">
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple">
            <el-form-item label="所属仓库" prop="warehouseCode" style="margin-right:15px" label-width="100px">
              <el-input v-model="form.warehouseName"   :disabled="true"/>
            </el-form-item>

          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple">
            <el-form-item label="库区编码" prop="serialNumber" style="margin-right:15px" label-width="100px">
              <el-input v-model="form.serialNumber" placeholder="请输入库区编码" :disabled="true"/>
            </el-form-item>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple">
            <el-form-item label="库区名称" prop="name" style="margin-right:15px" label-width="100px">
              <el-input v-model="form.name" placeholder="请输入库区名称" :disabled="true"/>
            </el-form-item>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple">
            <el-form-item label="温层" prop="temperature" style="margin-right:15px" label-width="100px">
              <el-input v-model="form.temperature" placeholder="请输入温层" :disabled="true"/>
            </el-form-item>
          </div>
        </el-col>
      </el-row>

      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple">
            <el-form-item label="额定温度" style="margin-right:15px" label-width="100px">
              <el-input v-model="form.ratedMinTemperature" placeholder="请输入最低温度" style="width:40%" :disabled="true"/>
              ℃-
              <el-input v-model="form.ratedMaxTemperature" placeholder="请输入最高温度" style="width:40%" :disabled="true"/>
              ℃
            </el-form-item>
          </div>
        </el-col>
      </el-row>




      <el-row>
        <el-col :span="24">
          <div class="grid-content bg-purple">
            <el-form-item label="备注" prop="remarks" style="margin-right:15px" label-width="100px">
              <el-input v-model="form.remarks" placeholder="请输入备注" :disabled="true"/>
            </el-form-item>
          </div>
        </el-col>
      </el-row>
    </el-form>
  </div>
</template>
<script>
  import Vue from 'vue'
  import 'xe-utils'
  import VXETable from 'vxe-table'
  import 'vxe-table/lib/index.css'
  import { warehouseSpaceDetail } from '@/api/basicInfo'

  Vue.use(VXETable)
  export default {
    props:{
      operationCode:{
        type: String,
        required: true
      }
    },
    name: 'Child',
    data() {
      return {
        form: {
          code: '',                  //数据标识 ,
          name: '',                  //库区名称 ,
          ratedMaxTemperature: '',   //额定最高温度 ,
          ratedMinTemperature: '',   //额定最低温度 ,
          remarks: '',               //备注 ,
          serialNumber: '',          //库区编码 ,
          status: '',                //状态 ,
          temperature: '',           //温层 ,
          total: '',                 //总数 ,
          warehouseCode: '',         //所属仓库
          warehouseName: '',         //所属仓库
        }
      }
    },
    created() {
      this.getInfo()
    },
    methods: {
      getInfo() {
        warehouseSpaceDetail(this.operationCode).then(response => {
          this.form = response.data
        })
      }
    }
  }
</script>
<style lang="scss" scoped>
  .dialog-footer {
    margin-top: 50px;
  }
</style>
